<?php
    $_css = '<link href="css/index.css" rel="stylesheet" type="text/css" />';
    $_title = 'File Search';
    include('./includes/header.php');
?>

<script type="text/javascript">
    $(document).ready(
            function (){
                var searchBoxDefaultValue = $("#searchBox").val();
                $("#searchBox").focus(
                        function (){
                            this.value ='';
                            $(this).css("color","black");
                        });
                $("#searchBox").blur(
                        function (){
                            if(this.value == ''){
                                $(this).css("color","gray");
                                this.value = searchBoxDefaultValue;
                            }
                        });

                $("#searchBtn").click(
                        function(){
                            alert($("#searchBox").val());
                        });
            });
</script>
<div style="text-align:center; width:100%">
    OUR LOGO
</div>
<div id="searchContainer">
    <form action="" method="post" enctype="multipart/form-data" name="search" target="_self">
        <input id="searchBox" name="searchBox" type="text" value="Search Starts Here..." />
        <br /><br />
        <input id="searchBtn" type="submit" value="Search" />
    </form>

    <div id="search_result">
        <div>
            <h1>Result 1 Title</h1>
            <p>Result 1 contents and stats.</p>
        </div>
        <div>
            <h1>Result 2 Title</h1>
            <p>Result 2 contents and stats.</p>
        </div>
        <div>
            <h1>Result 3 Title</h1>
            <p>Result 3 contents and stats.</p>
        </div>
        <div>
            <h1>Result 4 Title</h1>
            <p>Result 4 contents and stats.</p>
        </div>
    </div>
</div>
<? include('./includes/footer.php') ?>